/**
 * Created by liujinghao on 12/11 0011.
 *
 */

// 实时在园人数
// loadData({
//     type: 'get',
//     url: '/bigdata/manage/index/get-today-number',
//     data: {},
//     interval: 2000,
//     callback: function (res) {
//         if (res.code == 1) {
//             // dyw.box.alert(res.msg);
//             return false
//         }
//         show_num1(res.result.number);
//     }
// })

// 实时在园人数静态数据
// function onlinePeople(data) {
//     console.log(data)
//     // 实时在园人数
//     var realtimePeople = data.online_people
//     var realtimePeoples = realtimePeople.split('');
//     for (let i = 0; i < realtimePeoples.length; i++) {
//         $("#total").append(`<li>` + realtimePeoples[i] + `</li>`)
//     }

//     // 本月累计人数与本年累计人数
//     var peopleMonth = data.peopleMonth;
//     var peopleMonths = peopleMonth.split('');
//     for (let i = 0; i < peopleMonths.length; i++) {
//         $(".fl-month").append(`<i id="cumulative1">` + peopleMonths[i] + `</i>`)
//     }
//     // 
//     var peopleYear = data.peopleYear;
//     var peopleYears = peopleYear.split('');
//     for (let i = 0; i < peopleYears.length; i++) {
//         $(".fr-year").append(`<i id="cumulative1">` + peopleYears[i] + `</i>`)
//     }
//     // 在园人数四个环图
//     // 景区客流饱和度
//     option_pass_classify.series[0].data[0].value = data.data[0].value;
//     option_pass_classify.series[0].data[1].value = (100 - data.data[0].value);
//     option_pass_classify.series[0].data[0].name = data.data[0].value + "%";
//     // 今日接待游客
//     option_pass_classify.series[1].data[0].value = data.data[1].value;
//     option_pass_classify.series[1].data[1].value = data.data[0].value;
//     option_pass_classify.series[1].data[0].name = data.data[1].value;
//     // 去年同期接待游客
//     option_pass_classify.series[2].data[0].value = data.data[2].value;
//     option_pass_classify.series[1].data[1].value = data.data[0].value;
//     option_pass_classify.series[2].data[0].name = data.data[2].value;
//     // 二次返园率
//     // option_pass_classify.series[3].data[0].value = data.data[3].value;
//     // option_pass_classify.series[3].data[1].value = (100 - data.data[3].value);
//     // option_pass_classify.series[3].data[0].name = data.data[3].value + "%";
//     // passClassify.setOption(option_pass_classify);
// }

// 在园人数四个圆环图
option_pass_classify = {
    color: ['#099fac', 'rgba(255, 255, 255, 0.2)', '#364073', 'rgba(255, 255, 255, 0.2)', '#7bc49f', 'rgba(255, 255, 255, 0.2)', '#e6c173', 'rgba(255, 255, 255, 0.2)'],
    series: [{
        startAngle: 90,
        center: ['14.0%', '50%'],
        radius: ['72%', '85%'],
        hoverAnimation: false,
        type: 'pie',
        labelLine: {
            normal: {
                show: false
            }
        },
        data: [{
            value: 60,
            name: '60%',
            label: {
                normal: {
                    position: 'center',
                    show: true,
                    textStyle: {
                        fontSize: '24',
                    }
                }
            }
        }, {
            value: 50
        }]
    }, {
        startAngle: 90,
        center: ['50.0%', '50%'],
        radius: ['72%', '85%'],
        hoverAnimation: false,
        type: 'pie',
        labelLine: {
            normal: {
                show: false
            }
        },
        data: [{
            value: 90,
            name: '6688',
            label: {
                normal: {
                    position: 'center',
                    show: true,
                    textStyle: {
                        fontSize: '24',
                    }
                }
            }
        }, {
            value: 10
        }]
    }, {
        startAngle: 90,
        center: ['83.0%', '50%'],
        radius: ['72%', '85%'],
        hoverAnimation: false,
        type: 'pie',
        labelLine: {
            normal: {
                show: false
            }
        },
        data: [{
            value: 90,
            name: '9878',
            label: {
                normal: {
                    position: 'center',
                    show: true,
                    textStyle: {
                        fontSize: '24',
                    }
                }
            }
        }, {
            value: 10
        }]
    }]
};

var passClassify = echarts.init(document.getElementById('passClassify'));
passClassify.setOption(option_pass_classify);
// 实时在园人数
// loadData({
//     type: 'get',
//     url: '/bigdata/manage/heatmap/index',
//     data: {},
//     callback: function (res) {
//         console.log(res)
//         // onlinePeople(res.result)
//         option_pass_classify.series[0].data[0].name = res.result.saturability + '%'
//         option_pass_classify.series[0].data[0].value = res.result.saturability
//         option_pass_classify.series[0].data[1].value = (100 - res.result.saturability)
//         // 第一个圆环变色
//         var dav = res.result.saturability;
//         if (dav <= 40) {
//             option_pass_classify.color[0] = '#fff'
//         } else if (dav > 40 && dav <= 73) {
//             option_pass_classify.color[0] = '#fff'
//         } else if (dav > 73 && dav <= 99) {
//             option_pass_classify.color[0] = '#fff'
//         } else if (dav == 100) {
//             option_pass_classify.color[0] = '#fff'
//         } else {

//         }

//         option_pass_classify.series[1].data[0].name = res.result.today_people + ''
//         // option_pass_classify.series[1].data[0].value = res.result.today_people
//         // option_pass_classify.series[1].data[1].value = (100 - res.result.today_people)

//         option_pass_classify.series[2].data[0].name = res.result.last_year_today_people
//         // option_pass_classify.series[2].data[0].value = res.result.last_year_today_people
//         // option_pass_classify.series[2].data[1].value = (100 - res.result.last_year_today_people)

//         // option_pass_classify.series[3].data[0].name = res.result.return2_people_rate + '%'
//         // option_pass_classify.series[3].data[0].value = res.result.return2_people_rate
//         // option_pass_classify.series[3].data[1].value = (100 - res.result.return2_people_rate)

//         var passClassify = echarts.init(document.getElementById('passClassify'));
//         passClassify.setOption(option_pass_classify);
//         console.log(res.result.this_month_people)
//         console.log(res.result.this_year_people)
//         // $("#cumulative1").text(res.result.this_month_people)
//         // $("#cumulative2").text(res.result.this_year_people)
//         var peopleMonths = res.result.this_month_people.split('');
//         for (let i = 0; i < peopleMonths.length; i++) {
//             $(".fl-month").append(`<i id="cumulative1">` + peopleMonths[i] + `</i>`)
//         }
//         // 
//         var peopleYears = res.result.this_year_people.split('');
//         for (let i = 0; i < peopleYears.length; i++) {
//             $(".fr-year").append(`<i id="cumulative1">` + peopleYears[i] + `</i>`)
//         }


//     }
// })

//  当月客流量TOP5，线性渐变
// loadData({
//     type: 'get',
//     url: '/bigdata/manage/heatmap/top5',
//     data: {},
//     callback: function (res) {
//         console.log(res)
//         setTop5(res)
//     }
// })
// function setTop5(data) {
//     console.log(data)
//     var cArr = utils.linerScale(data.result, 'people')
//     cArr.forEach(function (item, key) {
//         var $dom = $(".customer  li").eq(key);
//         $dom.find(".vol").attr('title', '客流量：' + data.result[key].people)
//         $dom.find(".vol").addClass('tooltips')


//         var $dom = $(".customer  li").eq(key);
//         $dom.find(".name span").text(item.date);
//         $dom.find(".wea span").text(item.week);
//         $dom.find(".wea strong").text(item.weather);
//         $dom.find(".vol span").width(item.per + '%')
//     })
// }

// setTimeout(function () {
//     $('.tooltips').toolTip();
// }, 2000)

// 景区客流分时段走势
var option_time_trend = {
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        show: false,
        data: ['', ''],
        textStyle: {
            color: '#d3d3d3'
        }
    },
    textStyle: {
        color: "#d2d2d2"
    },
    calculable: true,
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            axisLine: {
                lineStyle: {
                    color: '#475f79'
                }
            },
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        }
    ],
    yAxis: [
        {
            type: 'value',
            axisLabel: {
                formatter: '{value}'
            },
            axisLine: {
                lineStyle: {
                    color: '#475f79'
                }
            },
            splitLine: {
                lineStyle: {
                    color: 'none'
                }
            }
        }
    ],
    series: [
        {
            name: '每天入园人数',
            type: 'line',
            smooth: true,//设置折线图平滑
            showSymbol: true,
            symbol: 'circle',
            symbolSize: 3,
            data: [110, 130, 140, 153, 120, 123, 130],
            itemStyle: {
                normal: {
                    color: '#4ab4f9'
                }
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: "rgba(9, 158, 171, 0.5)"
                    }, {
                        offset: 0.3,
                        color: "rgba(255, 255, 255, 0.1)"
                    }], false),
                }
            },
        },
        {
            name: '微信购票人数',
            type: 'line',
            smooth: true,//设置折线图平滑
            showSymbol: true,
            symbol: 'circle',
            symbolSize: 3,
            data: [0, 50, 70, 90, 30, 20, 70],
            itemStyle: {
                normal: {
                    color: '#da1b24'
                }
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: "rgba(247, 115, 121, 0.5)"
                    }, {
                        offset: 0.3,
                        color: "rgba(255, 255, 255, 0.1)"
                    }], false),
                }
            },
        }
    ]
};

// 获取景区客流分时段走势数据
// loadData({
//     type: 'get',
//     url: '/bigdata/manage/heatmap/hour-trend',
//     data: {},
//     callback: function (res) {
//         setTrend(res.result)
//     }
// })
var timeTrend = echarts.init(document.getElementById('timeTrend'));
timeTrend.setOption(option_time_trend);
// function setTrend(data) {
//     // option_time_trend.xAxis[0].data = data.xAxis;
//     // option_time_trend.series[0].data = data.ruyuan;
//     // option_time_trend.series[1].data = data.goupiao;
//     option_time_trend.xAxis[0].data=data.xAxis;
//     data.data.forEach(function (val,index) {
//         option_time_trend.series[index].name = val.name
//         option_time_trend.series[index].data=val.data
//     })
//     var timeTrend = echarts.init(document.getElementById('timeTrend'));
//     timeTrend.setOption(option_time_trend);
// }

$(function(){
    let w=$('.customer li .vol>span').width()
    console.log(w)
    // setTimeout(()=>{
    //     $('.customer li .vol>span').css('width',w+20)
    // },1000)
})















